import React from 'react'
import { Button, Modal } from 'antd'
//props.children：模态框内容
//props.modalOptions：模态框原生配置
//props.buttonOptions={{
//  position:位置,
//  btnList:[
//    key:0
//    onClick: this.setEmp,
//    text: "确认",
//    type: "primary"
//  ]
//}}

export default function NewModal(props) {
  return props.buttonOptions ? (
    // 自定义按钮
    <>
      <Modal
        {...props.modalOptions}
        footer={
          props.buttonOptions
            ? [
                <div
                  style={{ textAlign: props.buttonOptions.position }}
                  key="btnBox"
                >
                  {props.buttonOptions.btnList.map((item) => {
                    return <Button {...item}>{item.text}</Button>
                  })}
                </div>,
              ]
            : null
        }
      >
        {props.children}
      </Modal>
    </>
  ) : (
    //原生按钮
    <>
      <Modal {...props.modalOptions}>{props.children}</Modal>
    </>
  )
}
